<template>
  <div>
    <van-nav-bar left-arrow @click-left="onClickLeft" :title="title" :fixed="true" />

    <div class="container">
      <van-cell-group>
        <van-field
          v-model="username"
          required
          clearable
          label="用户名"
          right-icon="question-o"
          placeholder="请输入用户名"
          @click-right-icon="$toast('question')"
        />
        <van-field v-model="password" type="password" label="密码" placeholder="请输入新密码" required />
      </van-cell-group>

      <van-button color="#000" size="large" class="next">下一步</van-button>
    </div>
  </div>
</template>

<script>
export default {
  name: "newpsw",
  data() {
    return {
      username:'',
      password:'',
      title: "修改密码"
    };
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    }
  },
  mounted() {}
};
</script>

<style scoped>
.container {
  margin: 46px 0 50px;
  padding: 0 8px;
}
.next {
  margin-top: 80px;
}
</style>